<template>
  <div class="home">
     <tree :treeList="treeData"></tree>
  </div>
</template>

<script>
// @ is an alias to /src
import tree from '@/components/tree.vue'

export default {
  data() {
    return {
        treeData:[{
            id:1,
            title:'菜单-1',
            open:false,
            children:[{
                id:10,
                title:'菜单-1-1',
                open:false,
                children:[{
                     id:10,
                     title:'菜单-1-1-1',
                     open:false,
                },{
                     id:11,
                     title:'菜单-1-1-2',
                     open:false,
                }]
            }]
        },{
            id:2,
            title:'菜单-2',
            open:false,
            children:[{
                id:10,
                title:'菜单-2-1',
                open:false,
                children:[{
                     id:10,
                     title:'菜单-2-1-1',
                     open:false,
                },{
                     id:11,
                     title:'菜单-2-1-2',
                     open:false,
                }]
            }]
        }]
    }
  },
  components: {
    tree
  }
}
</script>
